document.getElementById('login-form').addEventListener('submit', function(event) {
    event.preventDefault(); // 防止默认表单提交

    // 获取输入的用户名和密码
    const username = document.getElementById('username').value;
    const password = document.getElementById('password').value;

    // 发送请求到后端进行登录
    fetch('/login', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({ username: username, password: password }),
    })
    .then(response => response.json())
    .then(data => {
        if (data.token) {
            // 登录成功，保存 token 到 localStorage 或 cookie，并跳转到主页
            localStorage.setItem('auth_token', data.token);
            window.location.href = '/'; // 或者你想跳转的页面
        } else {
            // 登录失败，显示错误信息
            document.getElementById('error-message').textContent = data.error || 'Login failed';
            document.getElementById('error-message').style.display = 'block';
        }
    })
    .catch(error => {
        console.error('Error:', error);
        document.getElementById('error-message').textContent = 'Something went wrong';
        document.getElementById('error-message').style.display = 'block';
    });
});
// 获取表单并绑定事件
document.getElementById("register-form").addEventListener("submit", function(e) {
    e.preventDefault(); // 阻止表单默认提交

    // 获取表单数据
    const data = {
        username: document.getElementById("username").value,
        email: document.getElementById("email").value,
        password_hash: document.getElementById("password").value
    };

    // 使用 fetch API 发送注册请求
    fetch("http://localhost:8080/register", {
        method: "POST",
        headers: {
            "Content-Type": "application/json"
        },
        body: JSON.stringify(data) // 请求体发送用户注册数据
    })
    .then(response => response.json()) // 解析响应为 JSON
    .then(data => {
        if (data.message) {
            alert(data.message); // 显示注册成功或失败的消息
        }
    })
    .catch(error => {
        console.error("Error:", error); // 处理错误
        alert("An error occurred, please try again."); // 错误提示
    });
});
